<template>
  <div class="tree-container">
    <div v-for="(content, i) in data" class="tree-content">
      <Item :content="content"></Item>
    </div>
  </div>
</template>
<script>
import Item from "./item";
export default {
  components: { Item },
  props: {
    data: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.tree-content {
  margin-bottom: 22px;
}
</style>
